<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚链接的学习</title>
</head>

<body>
<!--使用name作为锚标记-->
<a name="top">顶部</a>

<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>
<p>
    <a href="https://www.bilibili.com/" target="_blank">
        <img src="../resource/image/bilibili.png" width="100" height="100">
    </a>
</p>

<!--
锚链接：
1.需要一个锚标记
2.通过 #号跳转到锚标记，# + 标记名
-->
<a href="#top">回到顶部</a>

<br>
<a name="down">底部</a>
</body>
</html>